<template>
  <div>
        <el-container>
          <!--顶部-->
            <el-header>              
               <!-- <div  class="header" >
                    <el-row>
                        <el-col :span=4 class="headerCol">
                            <el-image :src="require('../../../img/littleIcon/doctorLogo.png')"></el-image>
                        </el-col>
                    </el-row>                  
                </div>-->
                <head-1></head-1>
            </el-header>
            <el-divider></el-divider>
            <el-main>
                <el-row>
                    <el-col :span="10" offset="1" class="text-border">
                        <div @click="qureyByMemberId"> 
                            <br>
                            <el-image :src="require('../../../img/health/1.png')"></el-image>
                            <h2>基本信息</h2>
                        </div>
                    </el-col>
                    <!-- <el-col :span="2"></el-col> -->
                    <el-col :span="10" offset="2" class="text-border">
                        <div @click="querCaseHistory">
                            <br>
                            <el-image :src="require('../../../img/health/2.png')"></el-image>
                            <h2>病例史</h2>
                        </div>
                    </el-col>
                </el-row>
            </el-main>
            <el-foot>
                <el-image :src="require('../../../img/case/pkq.gif')"></el-image>
            </el-foot>
        </el-container>
  </div>
</template>

<script>
import Head1 from '../../../components/home/Head1.vue';
// import axios from 'axios'
export default {
  components: { Head1 },
    methods:{
        qureyByMemberId(){
            this.$router.push("/healthBasic");
        },
        querCaseHistory(){
            this.$router.push("/caseHistory"); 
        }
    }
}
</script>

<style scoped>
    /* .header span{
        height: 40px;
    }
    .header{
        background-color: black;
        font-size: 25px;
        color: white;
        margin-top: 3px;
    } */
    .headerCol{
        margin-top: 10px;
        text-align: left;
    }
    .text-border{
        border: 1px solid green;
        background-color: white;
        height: 150px;
        
    }
     
</style>